<template>
    <section id="home">
    
        <section id="banner">
    
            <Swipe :auto="2000">
                <SwipeItem v-for="item in banner" key="item.Path.IOS.Small">
                    <img :src="'http://app.qiji99.com' + item.Path.IOS.Small" alt="">
                </SwipeItem>
    
            </Swipe>
    
    
        </section>
    
        <section id="homeItem">   
            <HomeItem></HomeItem>
        </section>


        <section id="video">
       
        <sectionheader :set-data="sectionData[0]"></sectionheader>
   
         <videocell v-for="item in shixunList" :title="item.navname" :videoimg="item.videoimg" :id="item.id" key="item.id"></videocell>


        </section>

      
        <section id="periodical">
       
        <sectionheader :set-data="sectionData[0]"></sectionheader>
   
        <periodicalcell></periodicalcell>
        <periodicalcell></periodicalcell>
        <periodicalcell></periodicalcell>
        <periodicalcell></periodicalcell>
        <periodicalcell></periodicalcell>
        <periodicalcell></periodicalcell>
        <periodicalcell></periodicalcell>
        <periodicalcell></periodicalcell>


        </section>

        



    
    </section>
</template>



<script>
    import {
        mapActions,
        mapGetters
    } from 'vuex'
    import {
        Swipe,
        SwipeItem
    } from 'mint-ui';
    import
    HomeItem
    from '../components/home/HomeItem.vue'
    import {sectionheader,videocell,periodicalcell} from '../components'
    export default {
    
        data() {
            return {
                sectionData:[{name: 'shi', title: '环裕视讯'}],
                items: []
    
            }
        },
        computed: {
            ...mapGetters({
                homedata: 'homedata',
                banner: 'banner',
                shixunList: 'shixunList'
            })
        },
        methods: {
            ...mapActions({})
    
        },
        created() {
    
    
            this.$store.dispatch('getBarnerData')
             this.$store.dispatch('getShixunData')


    
    
        },
        components: {
            Swipe,
            SwipeItem,
            HomeItem,
            sectionheader,
            videocell,
            periodicalcell
    
        }
    }
</script>


<style lang="scss">
    @import './home.scss'
</style>

